<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="./font_eid4zq69fqbsm7vi/iconfont.css">
	<link rel="stylesheet" href="./css/nav_footer.css">
	<link rel="stylesheet" href="./css/home.css">
</head>

<body>
	<div class="wrap">
		<div class="nav">
			<div class="nav-header">
				<div class="nav-title">空间激光干涉仪</div>
				<div class="nav-search">
					<input type="text" placeholder="请输入关键词">
					<i class="iconfont icon-search icon-position"></i>
				</div>
			</div>
			<div class="nav-list">
				<ul>
					<li><a href="#">分类主题</a></li>
					<li><a href="#">分类主题</a></li>
					<li><a href="#">分类主题</a></li>
					<li><a href="#">分类主题</a></li>
					<li><a href="#">分类主题</a></li>
					<li><a href="#">分类主题</a></li>
				</ul>
			</div>
		</div>
		<div id='slider' class='swipe slide' >
				<div class='swipe-wrap'>
					<div  >
						<img src="images/banner1.png"  >
					</div>	
					<div  >
						<img src="images/banner2.png"  >
					</div>
					<div>
						<img src="images/banner3.png"  >
					</div>				
				</div>

				<div class="clickCbana" id="pager">
					<a  class="on"  ></a>
					<a   ></a>
					<a   ></a>
				</div>
		</div>
		<div class="content">
			<div class="main-content">
				<div class="left-part">
					<div class="intro">
						<img src="./images/home-1-1.png" alt="photo">
						<div class="intro-word">
							<h3>标题标题标题</h3>
							<span>内容内容内容内容内容内容内容<br>
								  内容内容内容内容内容内容内容<br>
								  内容内容内容内容内容内容内容<br>
								  内容内容内容内容内容内容内容<br></span>
						</div>
					</div>
					<div class="repo">
						<div class="repo-header">
							<img class="symbol" src="./images/home-4.png" alt="photo">&nbsp;
							<span class="symbol-title">报&nbsp;&nbsp;告</span>
							<div class="line-style">&nbsp;</div>
						</div>
						<ul id="sp2">
							
						</ul>
					</div>
					<div class="repo">
						<div class="repo-header">
							<img class="symbol" src="./images/home-5.png" alt="photo">&nbsp;
							<span class="symbol-title">期刊论文</span>
							<div class="line-style">&nbsp;</div>
						</div>
						<ul id="sp4">
							
						</ul>
					</div>
					<div class="repo">
						<div class="repo-header">
							<img class="symbol" src="./images/home-7.png" alt="photo">&nbsp;
							<span class="symbol-title">会议论文</span>
							<div class="line-style">&nbsp;</div>
						</div>
						<ul id="sp1">
							
							
						</ul>
					</div>
					<div class="repo">
						<div class="repo-header">
							<img class="symbol" src="./images/home-8.png" alt="photo">&nbsp;
							<span class="symbol-title">专&nbsp;&nbsp;利</span>
							<div class="line-style">&nbsp;</div>
						</div>
						<ul id="sp6">
							
						</ul>
					</div>
					<div class="repo">
						<div class="repo-header">
							<img class="symbol" src="./images/home-10.png" alt="photo">&nbsp;
							<span class="symbol-title">专题会议</span>
							<div class="line-style">&nbsp;</div>
						</div>
						<ul id="sp5">
						
						</ul>
					</div>
					<div class="repo">
						<div class="repo-header">
							<img class="symbol" src="./images/home-11.png" alt="photo">&nbsp;
							<span class="symbol-title">专业图书</span>
							<div class="line-style">&nbsp;</div>
						</div>
						<ul id="sp3" >
							
						</ul>
					</div>
				</div>
				<div class="right-part">
					<div class="import-repo">
						<div class="import-repo-header">
							<img class="import-symbol" src="./images/home-3.png" alt="photo">&nbsp;
							<span class="import-symbol-title">重要机构</span>
							<hr>
						</div>
						<div class="import-main" id="sp7">
							
							
						</div>
					</div>
					<div class="import-repo">
						<div class="import-repo-header">
							<img class="import-symbol" src="./images/home-6.png" alt="photo">&nbsp;
							<span class="import-symbol-title">重要期刊</span>
							<hr>
						</div>
						<div class="import-main" id="sp8">
							
						</div>
					</div>
					<div class="import-repo">
						<div class="import-repo-header">
							<img class="import-symbol" src="./images/home-9.png" alt="photo">&nbsp;
							<span class="import-symbol-title">重要人物</span>
							<hr>
						</div>
						<div class="import-main" id="sp9">
							
							
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">中国科学院上海光学精密研究所</div>
	</div>
	<script type="text/javascript" src="./js/swipe.js" ></script>
	<script type="text/javascript" src="./js/home.js" ></script>
	<script src="./js/jquery.min.js"></script>
	
	
	<script>
		 
    
       
	$(document).ready(function(){
		$.ajax({
        type:"POST",
        url:"http://106.75.94.58:8080/home/tab_Thesis_Conference.action",
        dataType: "json",
        success: function(data){
			var tem = "";
			
			
			
           for(var i=0; i<=3; i++){
				var txt="";
				var str="";
				txt=data.allTab_Thesis_Conference[i].Field18;
				str= txt.substr(0,75) + '...' ;
				
				tem += '<li><a href="./showpage.html?id='+data.allTab_Thesis_Conference[i].RecordNO +'&sp=1" >'+str+'<span class="space">&nbsp;</span><span>'+data.allTab_Thesis_Conference[i].indbdate+'</span></a></li>';	
								
					
        }
		$("#sp1").append(tem);
		
		}
    });
	})
	$(document).ready(function(){
		$.ajax({
        type:"POST",
        url:"http://106.75.94.58:8080/home/tab_Thesis_Report.action ",
        dataType: "json",
        success: function(data){
			var tem = "";
           for(var i=0; i<=3; i++){
			var txt="";
				var str="";
				txt=data.allTab_Thesis_Report[i].Field18;
				str= txt.substr(0,75) + '...' ;
				tem += '<li><a href="./showpage.html?id='+data.allTab_Thesis_Report[i].RecordNO +'&sp=2" >'+str+'<span class="space">&nbsp;</span><span>'+data.allTab_Thesis_Report[i].indbdate+'</span></a></li>';			
        }
		$("#sp2").append(tem);
		}
    });
	})
	
	$(document).ready(function(){
		$.ajax({
        type:"POST",
        url:"http://106.75.94.58:8080/home/tab_Thesis_Books.action ",
        dataType: "json",
        success: function(data){
			var tem = "";
           for(var i=0; i<=3; i++){
		   var txt="";
				var str="";
				txt=data.allTab_Thesis_Books[i].Field17;
				str= txt.substr(0,75) + '...' ;
				tem += '<li><a href="./showpage.html?id='+data.allTab_Thesis_Books[i] +'&sp=3" >'+str+'<span class="space">&nbsp;</span><span>'+data.allTab_Thesis_Books[i].indbdate+'</span></a></li>';			
        }
		$("#sp3").append(tem);
		}
    });
	})
	$(document).ready(function(){
		$.ajax({
        type:"POST",
        url:"http://106.75.94.58:8080/home/tab_Thesis_Journal.action",
        dataType: "json",
        success: function(data){
			var tem = "";
           for(var i=0; i<=3; i++){
			var txt="";
				var str="";
				txt=data.allTab_Thesis_Journal[i].Field18;
				str= txt.substr(0,75) + '...' ;
				tem += '<li><a href="./showpage.html?id='+data.allTab_Thesis_Journal[i].RecordNO +'&sp=4" >'+str+'<span class="space">&nbsp;</span><span>'+data.allTab_Thesis_Journal[i].indbdate+'</span></a></li>';			
        }
		$("#sp4").append(tem);
		}
    });
	})
	
	$(document).ready(function(){
		$.ajax({
        type:"POST",
        url:"http://106.75.94.58:8080/home/item_info_list.action",
        dataType: "json",
        success: function(data){
		
			var tem = "";
           for(var i=0; i<=3; i++){
		   var txt="";
				var str="";
				txt=data.allItem_info[i].Field24;
				str= txt.substr(0,75) + '...' ;
				tem += '<li><a href="./showpage.html?id='+data.allItem_info[i].RecordNO +'&sp=5" >'+str+'<span class="space">&nbsp;</span><span>'+data.allItem_info[i].indbdate+'</span></a></li>';			
        }
		$("#sp5").append(tem);
		}
    });
	})
	$(document).ready(function(){
		$.ajax({
        type:"POST",
        url:"http://106.75.94.58:8080/home/patents_info_list.action",
        dataType: "json",
        success: function(data){
		
			var tem = "";
           for(var i=0; i<=3; i++){
		   var txt="";
				var str="";
				txt=data.allPatents_info[i].Field17;
				str= txt.substr(0,75) + '...' ;
				tem += '<li><a href="./showpage.html?id='+data.allPatents_info[i].RecordNO +'&sp=6" >'+str+'<span class="space">&nbsp;</span><span>'+data.allPatents_info[i].Field60+'</span></a></li>';			
        }
		$("#sp6").append(tem);
		}
    });
	})
	$(document).ready(function(){
		$.ajax({
        type:"POST",
        url:"http://106.75.94.58:8080/home/tab_org_list.action",
        dataType: "json",
        success: function(data){
		
			var tem = "";
           for(var i=0; i<=4; i++){
		   var txt="";
				
				
				tem +='<div class="rect">'+data.allTab_org[i].namechi+'</div>'
        }
		$("#sp7").append(tem);
		}
    });
	})
	$(document).ready(function(){
		$.ajax({
        type:"POST",
        url:"http://106.75.94.58:8080/home/tab_article_list.action",
        dataType: "json",
        success: function(data){

			var tem = "";
           for(var i=0; i<=4; i++){
		   var txt="";
				
				
				tem +='<div class="rect">'+data.allTab_article[i].Field03+'</div>'
        }
		$("#sp8").append(tem);
		}
    });
	})
	$(document).ready(function(){
		$.ajax({
        type:"POST",
        url:"http://106.75.94.58:8080/home/p_basic_list.action",
        dataType: "json",
        success: function(data){

			var tem = "";
           for(var i=2; i<=5; i++){
		  
				
				tem +='<div class="rect-1">'+data.allP_basic[i].name_chi+'</div>'
        }
		$("#sp9").append(tem);
		}
    });
	})

<!-- 写在最后   ajax作者布尔凯索332669332 -->	
	
	</script>
</body>
</html>